<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // const arr = [
      //   {
      //     key: "/xxx",
      //     cancel: "cancel",
      //   },
      //   {
      //     key: "/yyy",
      //     cancel: "cancel",
      //   },
      //   {
      //     key: "/zzz",
      //     cancel: "cancel",
      //   },
      // ];
      // const key = "/xxx";
      // const item = arr.find((item) => item.key === key);

      // const obj = {
      //   "/xxx": "cancel",
      //   "/yyy": "cancel",
      //   "/zzz": "cancel",
      // };
      // const item1 = obj[key];

      // const arr = [];
      // for (let i = 0; i < 1000000; i++) {
      //   arr.push({
      //     key: "/" + i,
      //   });
      // }
      // const startTime = Date.now();
      // const item = arr.find((item) => item.key === "/150020");
      // console.log(item);
      // const endTime = Date.now();
      // console.log(endTime - startTime);

      const obj = {};
      for (let i = 0; i < 1000000; i++) {
        obj["/" + i] = "cancel";
      }
      const startTime = Date.now();
      console.log(obj["/150020"]);
      const endTime = Date.now();
      console.log(endTime - startTime);
    </script>
  </body>
</html>
